@import "../variable";

.btn-list{
  position: absolute;
  right: 5%;
  top: 5%;
  z-index: 1;
  li{
    margin-bottom: 10px;
    button{
      width: 168px;
      height: 57px;
      background: @btnListBg no-repeat center center;
      color: @defultColor;
      font-size: 15px;
      padding-bottom:5px;
      outline: none;
      span{
        width: 41px;
        height: 38px;
        &.base-btn{
          background: @baseBg no-repeat center center;
        }
        &.science-btn{
          background: @secBg no-repeat center center;
        }
      }
    }
  }
}

.tool-btn {
  right: 5%;
  top: 5%;
  width: 1072px;
  height: 57px;
  background:@btnNavbg no-repeat center center;
  li{
    float: left;
    position: relative;
    text-align: center;
    width: 145px;
    color: @fontColor;
    line-height: 57px;
    font-size: 15px;
    background:@triangle no-repeat 90% center;
    cursor: pointer;
    &.first_li:hover{
      background: @fristBg no-repeat center center;
    }
    .line{
      float: right;
      width: 2px;
      height: 57px;
      background: @lineBg no-repeat center center;
    }
    .drop-down{
      width: 145px;
      position: absolute;
      left: 0;
      top: 59px;
      visibility: hidden;
      border-radius: 5px;
      h5{
        float: left;
        width: 100%;
      }
      ol{
        float: left;
        width: 50%;
        padding-top: 13px;
        li{
          display: block;
          margin:0 0 0 15%;
          width: 85%;
          height: 25px;
          &:hover{
            width: 83%;
            height: 23px;
            border: 1px solid @defultColor;
          }
        }
      }
      ul{
        float: left;
        width: 50%;
        li{
          width: 100%;
          font-size: 12px;
          background: none;
          display: block;
          line-height: 25px;
        }
      }
    }
    &:hover{
      color: @blueHover;
      background:@dropBg @triangle_hover no-repeat 90% center;
      .drop-down{
        visibility: visible;
        background: @dropBg;
        z-index: 2;
        padding-bottom: 10px;
      }
    }
  }
  &.tool-base{
    top: 115px;
    width: 778px;
    background: @btnNavbg2 no-repeat center center;
  }
}